<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/xiaomi.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/xiaomi.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--小米首页的顶部-->
		<div id="xiaomi">
			<div id="xiaomi1">
				<ul class="left">
					<li class="ho">小米商城</li>
					<li class="li">|</li>
					<li class="ho">MIUI</li>
					<li class="li">|</li>
					<li class="ho">lOT</li>
					<li class="li">|</li>
					<li class="ho">云服务</li>
					<li class="li">|</li>
					<li class="ho">金融</li>
					<li class="li">|</li>
					<li class="ho">有品</li>
					<li class="li">|</li>
					<li class="ho">小爱开放平台</li>
					<li class="li">|</li>
					<li class="ho">政企服务</li>
					<li class="li">|</li>
					<li class="ho">Select Region</li>
				</ul>
				<ul class="right">
					<li class="li2">
						<span class="iconfont icon-htmal5icon29"></span>
						<span>购物车(0)</span>
						<div class="erji">
							<p class="er">购物车里还没有东西，赶紧选购吧！</p>
						</div>
					</li>

					<li class="li3 ho">消息通知</li>
					<li class="li">|</li>
					<li class="ho">注册</li>
					<li class="li">|</li>
					<li class="ho">登录</li>
				</ul>
			</div>
		</div>
		<!--小米搜索栏部分-->
		<div id="xiaomi2">
			<img src="img/logo-footer.png" />
			<ul>
				<li class="li1"></li>
				<li>
					<a href="">小米手机</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">红米</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">电视</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">笔记本</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">盒子</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">新品</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">路由器</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">智能硬件</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">服务</a>
					<div class="xia">

					</div>
				</li>
				<li>
					<a href="">社区</a>
					<div class="xia">

					</div>
				</li>
			</ul>
			<div class="button">
				<span class="iconfont icon-sousuo"></span>
			</div>
			<div class="text">
				<a href="">小米MIX 2S</a>
				<a href="">小米8</a>
			</div>
		</div>
		<!--小米官网第三部分，轮播图部分-->
		<div id="xiaomi3">
			<div class="xiaomi3s">
				<div class="xiaomi3n xiaomi3n1">
					<a href="">
						<span class="span1">手机 电话卡</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">电视 盒子</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">笔记本 平板</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">智能 家电</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">健康 家居</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">出行 儿童</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">路由器 手机配件</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n">
					<a href="">
						<span class="span1">移动电源 插线板</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>

				<div class="xiaomi3n">
					<a href="">
						<span class="span1">耳机 音箱</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
				<div class="xiaomi3n xiaomi3n2">
					<a href="">
						<span class="span1">生活米兔</span>
						<span class="span2">></span>
					</a>
					<div class="erji">
					</div>
				</div>
			</div>
			<div class="xiaomi3x">
				<img class="xiaomi3ximg" style="display: block;" src="img/m1.jpg" />
				<img class="xiaomi3ximg" src="img/m2.jpg" />
				<img class="xiaomi3ximg" src="font/mim.jpg" />
				<img class="xiaomi3ximg" src="img/m4.jpg" />
				<img class="xiaomi3ximg" src="img/m5.jpg" />
				<img class="xiaomi3ximg" src="img/mi6.jpg" />
				<ul>
					<li class="xiaomi3xli" style="background: white;"></li>
					<li class="xiaomi3xli"></li>
					<li class="xiaomi3xli"></li>
					<li class="xiaomi3xli"></li>
					<li class="xiaomi3xli"></li>
					<li class="xiaomi3xli"></li>
				</ul>
				<div class="zuojian1">
					< </div>
						<div class="youjian1">
							>
						</div>
				</div>
			</div>
			<!--小米页面第四部分-->
			<div id="xiaomi4">
				<img class="img1" src="img/mi41 - 副本.png" />
				<img class="img2" src="img/mi42.jpg" />
				<img class="img2" src="img/mi43 - 副本.jpg" />
				<img class="img2" src="img/mi44.png" />
			</div>

			<!--小米页面第五部分，小米闪购-->
			<div id="xiaomi5">
				<h2>小米闪购</h2>
				<span>></span>
				<span><</span>
			</div>
			<!--闪购部分的图片-->
			<div id="xiaomit5">
				<div class="t1">
					<span class="span1">18:00 场</span>
					<img src="img/shan.png" />
					<span class="span2">距离结束还有</span>
					<div class="timez">
						<span class="span3 time"></span>
						<span class="span4">:</span>
						<span class="span3 time"></span>
						<span class="span4">:</span>
						<span class="span3 time"></span>
					</div>
				</div>
				<div class="t">
					<div class="t2">
						<img src="img/mi51.jpg" />
						<a class="a1" href="">米家小相机 黑色</a>
						<a class="a2" href="">清晰捕捉美好瞬间</a>
						<a class="a3" href="">649 元</a>&nbsp;
						<a class="a4" href="">699 元</a>
						<div class="zhao">

						</div>
					</div>
				</div>
				<div style="border-top:1px solid greenyellow ;" class="t">
					<div class="t2">
						<img src="img/mi52.jpg" />
						<a class="a1" href="">米家小相机 黑色</a>
						<a class="a2" href="">清晰捕捉美好瞬间</a>
						<a class="a3" href="">649 元</a>&nbsp;
						<a class="a4" href="">699 元</a>
						<div class="zhao">

						</div>
					</div>
				</div>
				<div style="border-top:1px solid blue ;" class="t">
					<div class="t2">
						<img src="img/mi53.jpg" />
						<a class="a1" href="">米家小相机 黑色</a>
						<a class="a2" href="">清晰捕捉美好瞬间</a>
						<a class="a3" href="">649 元</a>&nbsp;
						<a class="a4" href="">699 元</a>
						<div class="zhao">

						</div>
					</div>
				</div>
				<div style="border-top:1px solid red ;" class="t">
					<div class="t2">
						<img src="img/mi54.jpg" />
						<a class="a1" href="">米家小相机 黑色</a>
						<a class="a2" href="">清晰捕捉美好瞬间</a>
						<a class="a3" href="">649 元</a>&nbsp;
						<a class="a4" href="">699 元</a>
						<div class="zhao">

						</div>
					</div>
				</div>
			</div>
			<!--第6部分，红米6AI双摄-->
			<div id="xiaomi6">
				<img src="img/mi6A.jpg" />
			</div>
			<!--下部分的灰色背景-->
			<div id="zongbeijing">
				<!--第七部分手机部分-->
				<div id="xiaomi7">
					<h2>手机</h2>
					<div class="xiaomi71">
						<a class="a2" href="">></a>
						<a class="a1" href="">查看全部</a>
					</div>
				</div>
				<!--第七部分手机部分的图片内容-->
				<div id="xiaomit7">
					<img class="tu1" src="img/mi71.jpg" />
					<div class="tu2">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
					</div>
					<div class="tu2">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
					</div>
					<div class="tu2">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>

					</div>
					<div class="tu2">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
					</div>
					<div class="tu2 tu3">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
						<p class="p3">减100元</p>
					</div>
					<div class="tu2 tu3">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
						<p class="p3">减100元</p>
					</div>
					<div class="tu2 tu3">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
						<p class="p3">减100元</p>
					</div>
					<div class="tu2 tu3">
						<img src="img/mi72.jpg" />
						<a href="">红米6A</a>
						<p class="p1">AI人脸解锁，小巧全面屏，高性能处...</p>
						<p class="p2">599元</p>
						<p class="p3">减100元</p>
					</div>
				</div>
				<!--电视机部分，第8部分-->
				<div id="xiaomi8">
					<img src="img/dianshi.jpg" />
				</div>
				<!--切换目录-->
				<div class="jiadian">
					<h2>家电</h2>
					<a href class="jd3" tap="qie">电脑</a>
					<a href class="jd3" tap="qie">电视影音</a>
					<a href class="jd3" tap="qie">家居</a>
					<a href class="jd3" tap="qie">热门</a>
				</div>
				<div class="xiaomit8">
					<div class="tuleft">
						<img src="img/jiqi.jpg" />
						<img class="img1" src="img/jiqi.jpg" />
					</div>
					<div id="qie" class="tur">
						<div class="turight turight1 ">
							<div class="zha">

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="dn9">
									<div class="zhao">
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
									</div>

									<div class="dn92">
										<a href class="dn921">浏览更多</a>
										<span class="dn922">
									<small>电视影音</small>
									</span>
										<span class="iconfont icon-youjiantou">	
									</span>
									</div>
								</div>
							</div>
						</div>

						<div class="turight turight2 ">
							<div class="zha">

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="dn9">
									<div class="zhao">
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
									</div>

									<div class="dn92">
										<a href class="dn921">浏览更多</a>
										<span class="dn922">
									<small>电视影音</small>
									</span>
										<span class="iconfont icon-youjiantou">	
									</span>
									</div>
								</div>
							</div>
						</div>
						<div class="turight turight3 ">
							<div class="zha">
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="dn9">
									<div class="zhao">
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
									</div>

									<div class="dn92">
										<a href class="dn921">浏览更多</a>
										<span class="dn922">
									<small>电视影音</small>
									</span>
										<span class="iconfont icon-youjiantou">	
									</span>
									</div>
								</div>
							</div>
						</div>
						<div class="turight turight4">
							<div class="zha">
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>

									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>
								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="tu1">
									<img src="img/diannao.jpg" />
									<p class="p1">小米电视4A 43英寸青春版</p>
									<p class="p2">全高清屏/人工智能语音</p>
									<span class="p3">1399元    &nbsp;  <s>2199元</s></span>
									<div class="mifen">
										<p class="mifen1">很好，价格不贵，色彩鲜艳，老爸很高兴。希望能在遥控器...</p>
										<p class="mifen2">来自于 小米is 的评价</p>
									</div>
								</div>

								<div class="dn9">
									<div class="zhao">

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>

										<div class="dn91">
											<a href class="mh1">小米盒子3s</a>
											<span class="mh2">
										299元
									</span>
											<img class="mh3" width="80px" height="80px" src="img/mh.jpg" />
										</div>
									</div>

									<div class="dn92">
										<a href class="dn921">浏览更多</a>
										<span class="dn922">
									<small>电视影音</small>
									</span>
										<span class="iconfont icon-youjiantou">	
									</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--为你推荐部分-->
				<div id="xiaomi9">
					<h2>为你推荐</h2>
					<span>></span>
					<span><</span>
				</div>
				<!--为你推荐部分图片-->
				<div id="xiaomit9">
					<div class="zhao">
						<div class="tu">
							<img src="img/mi.jpg" />
							<a href="">红米5 移动4G+版 2GB内存</a>
							<p>799元</p>
							<span>96人好评</span>
						</div>
						<div class="tu">
							<img src="img/mi.jpg" />
							<a href="">红米5 移动4G+版 2GB内存</a>
							<p>799元</p>
							<span>96人好评</span>
						</div>
						<div class="tu">
							<img src="img/mi.jpg" />
							<a href="">红米5 移动4G+版 2GB内存</a>
							<p>799元</p>
							<span>96人好评</span>
						</div>
						<div class="tu">
							<img src="img/mi.jpg" />
							<a href="">红米5 移动4G+版 2GB内存</a>
							<p>799元</p>
							<span>96人好评</span>
						</div>
						<div class="tu">
							<img src="img/mi.jpg" />
							<a href="">红米5 移动4G+版 2GB内存</a>
							<p>799元</p>
							<span>96人好评</span>
						</div>
					</div>
				</div>
				<!--热评产品部分-->
				<!--热评产品-->
				<div id="xiaomi10">
					<h2>热评产品</h2>
				</div>
				<div class="xiaomit10">
					<div class="zhao">
						<div class="tu1">
							<img width="296px" height="220px" class="ret11" src="img/chu.jpg" />
							<p class="p1">安装简洁方便，信号不错！！！！！</p>
							<p class="p2">来自于追逆的评价</p>
							<span class="span1">小米路由器3</span><span class="span2">|</span><span class="span3">149</span>
						</div>
						<div class="tu1">
							<img width="296px" height="220px" class="ret11" src="img/chu.jpg" />
							<p class="p1">安装简洁方便，信号不错！！！！！</p>
							<p class="p2">来自于追逆的评价</p>
							<span class="span1">小米路由器3</span><span class="span2">|</span><span class="span3">149</span>
						</div>
						<div class="tu1">
							<img width="296px" height="220px" class="ret11" src="img/chu.jpg" />
							<p class="p1">安装简洁方便，信号不错！！！！！</p>
							<p class="p2">来自于追逆的评价</p>
							<span class="span1">小米路由器3</span><span class="span2">|</span><span class="span3">149</span>
						</div>
						<div class="tu1">
							<img width="296px" height="220px" class="ret11" src="img/chu.jpg" />
							<p class="p1">安装简洁方便，信号不错！！！！！</p>
							<p class="p2">来自于追逆的评价</p>
							<span class="span1">小米路由器3</span><span class="span2">|</span><span class="span3">149</span>
						</div>
					</div>
				</div>

				<!--内容，滑动轮播图-->

				<div id="xiaomi12">
					<h2>内容</h2>
				</div>

				<div class="xiaomit12">
					<div class="hhhh">

						<div class="tu1">
							<h2>图书</h2>
							<div style="width: 888px,;" class="zhao">
								<div class="yi">
									<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
									<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
									<a class="a3" href="">29.37元</a>
									<img src="img/hali.png" />
								</div>

								<div class="yi">
									<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
									<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
									<a class="a3" href="">29.37元</a>
									<img src="img/ding2.png" />
								</div>

								<div class="yi">
									<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
									<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
									<a class="a3" href="">29.37元</a>
									<img src="img/ding3.jpg" />
								</div>
							</div>
							<ul>
								<li></li>
								<li></li>
								<li></li>
							</ul>
							<div class="zuojian2">
								< </div>
									<div class="youjian2">
										>
									</div>
							</div>

							<div class="tu1">
								<h2>MIUI主题</h2>
								<div class="zhao">
									<div class="yi">
										<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
										<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
										<a class="a3" href="">29.37元</a>
										<img src="img/hali.png" />
									</div>

									<div class="yi">
										<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
										<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
										<a class="a3" href="">29.37元</a>
										<img src="img/ding2.png" />
									</div>

									<div class="yi">
										<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
										<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
										<a class="a3" href="">29.37元</a>
										<img src="img/ding3.jpg" />
									</div>
									<div class="yi">
										<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
										<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
										<a class="a3" href="">29.37元</a>
										<img src="img/ding3.jpg" />
									</div>
								</div>
								<ul>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								<div class="zuojian2">
									< </div>
										<div class="youjian2">
											>
										</div>

								</div>

								<div class="tu1">
									<h2>游戏</h2>
									<div class="zhao">
										<div class="yi">
											<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
											<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
											<a class="a3" href="">29.37元</a>
											<img src="img/ding3.jpg" />
										</div>
										<div class="yi">
											<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
											<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
											<a class="a3" href="">29.37元</a>
											<img src="img/hali.png" />
										</div>

										<div class="yi">
											<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
											<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
											<a class="a3" href="">29.37元</a>
											<img src="img/ding2.png" />
										</div>

										<div class="yi">
											<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
											<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
											<a class="a3" href="">29.37元</a>
											<img src="img/ding3.jpg" />
										</div>
									</div>
									<ul>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
									<div class="zuojian2">
										< </div>
											<div class="youjian2">
												>
											</div>

									</div>

									<div class="tu1">
										<h2>应用</h2>
										<div class="zhao">
											<div class="yi">
												<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
												<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
												<a class="a3" href="">29.37元</a>
												<img src="img/ding3.jpg" />
											</div>
											<div class="yi">
												<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
												<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
												<a class="a3" href="">29.37元</a>
												<img src="img/hali.png" />
											</div>

											<div class="yi">
												<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
												<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
												<a class="a3" href="">29.37元</a>
												<img src="img/ding2.png" />
											</div>

											<div class="yi">
												<a class="a1" href="">哈利·波特与被诅咒的孩子</a>
												<a class="a2" href="">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
												<a class="a3" href="">29.37元</a>
												<img src="img/ding3.jpg" />
											</div>
										</div>
										<ul>
											<li></li>
											<li></li>
											<li></li>
											<li></li>
										</ul>
										<div class="zuojian2">
											< </div>
												<div class="youjian2">
													>
												</div>

										</div>
									</div>

								</div>

								<!--视屏部分标题部分-->
								<div class="meng">
									<h2 class="meng1">视频</h2>
									<span class="meng2">
						<p class="meng4">>></p>
        		<a href class="meng3">查看全部</a>
        		</span>
								</div>

								<!--视屏部分-->
								<div class="ping">
									<div class="pin">
										<div class="ping1">
											<img src="img/w2.jpg" />
											<p class="ping2">小米8，一部与众不同的手机</p>
											<p class="ping3">透明探索版，将科技与美学完美结合</p>
										</div>
										<div class="ping1">
											<img src="img/w2.jpg" />
											<p class="ping2">小米8，一部与众不同的手机</p>
											<p class="ping3">透明探索版，将科技与美学完美结合</p>
										</div>
										<div class="ping1">
											<img src="img/w2.jpg" />
											<p class="ping2">小米8，一部与众不同的手机</p>
											<p class="ping3">透明探索版，将科技与美学完美结合</p>
										</div>
										<div class="ping1">
											<img src="img/w2.jpg" />
											<p class="ping2">小米8，一部与众不同的手机</p>
											<p class="ping3">透明探索版，将科技与美学完美结合</p>
										</div>
									</div>
								</div>

								<div id="zhu">
									<div class="zhu1">
										<div class="zhu2">
											<div class="zhu3">
												<span class="iconfont icon-buoumaotubiao46"></span>
												<span class="zhu4">
           						预约维修服务
           						</span>
											</div>
											<div class="zhu3">
												<span class="iconfont icon-7"></span>
												<span class="zhu4">
           						7天无理由退货
           						</span>
											</div>
											<div class="zhu3">
												<span class="iconfont icon-15"></span>
												<span class="zhu4">
           						15天免费换货
           						</span>
											</div>
											<div class="zhu3">
												<span class="iconfont icon-liwu"></span>
												<span class="zhu4">
           						满150元包邮
           						</span>
											</div>
											<div class="zhu5">
												<span class="iconfont icon-dingwei"></span>
												<span class="zhu4">
           						520余家售后网点
           						</span>
											</div>
										</div>
									</div>

									<div class="guan">
										<div class="guan1">
											<div class="guan2">
												<p class="guan21">帮助中心</p>
												<p class="guan22">账户管理</p>
												<p class="guan23">购物指南</p>
												<p class="guan24">订单操作</p>
											</div>
											<div class="guan2">
												<p class="guan21">服务支持</p>
												<p class="guan22">售后政策</p>
												<p class="guan23">自助服务</p>
												<p class="guan24">相关下载</p>
											</div>
											<div class="guan2">
												<p class="guan21">线下门店</p>
												<p class="guan22">小米之间</p>
												<p class="guan23">服务网点</p>
												<p class="guan24">授权体验店</p>
											</div>
											<div class="guan2">
												<p class="guan21">关于小米</p>
												<p class="guan22">了解小米</p>
												<p class="guan23">加入小米</p>
												<p class="guan24">投资者关系</p>
											</div>
											<div class="guan2">
												<p class="guan21">关注我们</p>
												<p class="guan22">新浪微博</p>
												<p class="guan23">官方微信</p>
												<p class="guan24">联系我们</p>
											</div>
											<div class="guan2">
												<p class="guan21">特色服务</p>
												<p class="guan22">F码通道</p>
												<p class="guan23">礼物码</p>
												<p class="guan24">防伪查询</p>
											</div>
											<div class="guan3">
												<p class="guan31">400-100-5678</p>
												<p class="guan32">周一至周日8：00-18：00</p>
												<p class="guan33">(仅收市花费)</p>
												<p class="guan34">
													<span class="iconfont icon-xinxi"></span>
													<span class="guan35">联系客服</span>
												</p>
											</div>
										</div>
									</div>
								</div>

								<div class="di">
									<div class="din">
										<div class="dishang">
											<img width="57px" height="57px" src="img/logo-footer.png" />
											<div class="di1">
												<span class="di11">小米商城</span>
												<span class="di12">|</span>
												<span class="di11">NIUI</span>
												<span class="di12">|</span>
												<span class="di11">米家</span>
												<span class="di12">|</span>
												<span class="di11">米聊</span>
												<span class="di12">|</span>
												<span class="di11">多看</span>
												<span class="di12">|</span>
												<span class="di11">游戏</span>
												<span class="di12">|</span>
												<span class="di11">路由粉</span>
												<span class="di12">|</span>
												<span class="di11">米粉卡</span>
												<span class="di12">|</span>
												<span class="di11">政企服务</span>
												<span class="di12">|</span>
												<span class="di11">小米天猫店</span>
												<span class="di12">|</span>
												<span class="di11">隐私政策</span>
												<span class="di12">|</span>
												<span class="di11">问题反馈</span>
												<span class="di12">|</span>
												<span class="di11">Select Region</span>
											</div>
											<div class="di2">
												©mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号<br /> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
											</div>
											<div class="di3">
												<img class="di31" width="85px" height="28px" src="img/truste.png" />
												<img class="di32" width="85px" height="28px" src="img/v-logo-1.png" />
												<img class="di33" width="85px" height="28px" src="img/v-logo-2.png" />
												<img class="di34" width="85px" height="28px" src="img/v-logo-3.png" />
											</div>
										</div>
										<div class="dixia">
											探索黑科技，小米为发烧而生！
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--小米右侧的导航，楼层效果-->
						<div id="lou3">
							<div class="f1 f">
								<img src="img/f2.png" /> 
								<span>个人中心</span>
							</div>
							<div class="f2 f">
								<img src="img/f3.png" /> 
								<span>联系客服</span>
							</div>
							<div class="f3 f">
								<img src="img/f4.png" />
								<span>购物车</span>
							</div>
							<div class="f4 f">
								<img src="img/f1.png" />
								<span>回顶部</span>
							</div>
						</div>
					
	</body>

</html>